<!DOCTYPE html>
<html data-ng-app="mobile_app">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <!-- 删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 设置苹果工具栏颜色 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name='apple-itunes-app' content='app-id=966436668'>
    <meta name="flexible" content="initial-dpr=2,maximum-dpr=3" />
    <meta content="modeName=750-12" name="grid" />
    <title>逗小粒工作室</title>

    <link rel="stylesheet" href="css/reset.css" type="text/css" />
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="css/animate.css" type="text/css" />
    <link rel="stylesheet" href="css/swiper.min.css" type="text/css" />
    <link rel="stylesheet" href="css/flexible.css" type="text/css" />
    <link rel="stylesheet" href="css/app.css" type="text/css" />
    <link rel="stylesheet" href="css/mobile_index.css" type="text/css" />

    <link rel="icon" type="image/x-icon" href="img/favicon.ico">

    <script>
        // 写在主页head比较好 通过ua 判断用户使用的是移动端还是pc端
        function browserRedirect() {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

            } else {
                window.location.href = "index.html"; //pc端
            };
        };
        browserRedirect();
    </script>
</head>

<body ng-controller="mobile_app">
    <div class="app" id="app" ui-view></div>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Angular -->
    <script src="vendor/angular/angular.js"></script>
    <script src="vendor/angular/angular-animate/angular-animate.js"></script>
    <script src="vendor/angular/angular-ui-router/angular-ui-router.js"></script>

    <!-- 轮播图 -->
    <script src="vendor/libs/swiper.min.js"></script>

    <script src="vendor/libs/flexible.js"></script>

    <!-- lazyload -->
    <script src="vendor/angular/oclazyload/ocLazyLoad.js"></script>

    <!-- App -->
    <script src="js/mobile/mobile_app.js"></script>
    <script src="js/mobile/mobile_config.js"></script>
    <script src="js/mobile/mobile_router.js"></script>
    <script src="js/mobile/mobile_main.js"></script>
    <script src="js/services/ui-load.js"></script>
    <script src="js/directives/mobile_app_nav.js"></script>
</body>

</html>